<template>
	<view class="content">
		<view class="title">
			『成为一个“自得其乐”的人』
		</view>
<!-- 		<view v-for="(item,index) in audioList" :key="index">
			<multi-audio 
				:audioId="'a'+index"
				:audioData="item" 
			></multi-audio>
		</view> -->
		<imt-audio src="http://192.168.31.170:8000/2.mp3"></imt-audio>
		<view>
			<view class="introduction">
				在自我找寻的道路上，自得其乐的性格可以为我们提供带来愉悦感的初始态度，让我们以更轻松的心态面对挑战。
			</view>
			<view class="introduction">
				通过「时光日历」定期回看自己的状态，实现自我梳理，用最适合自己的方法，以充满愉悦感的心态做自己擅长的事情。
			</view>
		</view>
	</view>
</template>

<script>
	// import MultiAudio from "@/components/zxd-multi-audio/zxd-multi-audio.vue";
	import ImtAudio from "@/components/imt-audio/imt-audio.vue"
	export default {
		components:{
			ImtAudio
		},
		data() {
			return {
				// audioList: [
				// 	{
				// 		duration: 250,
				// 		asrc: 'http://192.168.31.170:8000/2.mp3'
				// 	}
				// ]
			}
		},
	}
</script>

<style lang="scss">
	.content {
		.title {
			text-align: center;
			color: #F5F5F5;
			font-size: $uni-font-size-lg;
			margin: 20px 0;
		}
		.introduction {
			color: #F5F5F5;
			font-size: $uni-font-size-base;
			padding: 0 30px;
			margin: 20px 0;
		}
	}
</style>
